<div class="topbar">
    <div class="container">
        <div class="logo">
            <a routerLink="/home">BuaaRobot</a>
        </div>
        <div class="catalog fr clearf">
            <a class="fl rightgap" (click)="turn2introduction()" 
            [style.font-weight]="activeTag=='introduction' ? '600':'400'" >赛事简介</a> 
            <a class="fl rightgap" (click)="turn2preparation()" 
            [style.font-weight]="activeTag=='preparation' ? '600':'400'" >备赛集锦</a>
            <a class="fl rightgap" (click)="turn2climax()" 
            [style.font-weight]="activeTag=='climax' ? '600':'400'" >参赛集锦</a>
        </div>
    </div>
</div>
<div class="middle">
    <div *ngIf="activeTag=='introduction'" class="introduction">
        <img src="../../../assets/game2019_cover.png" alt="快马加鞭" width="100%">
        <div class="videolink">
            <button (click)="showVideo('gamevideo')">
                <i class="fa fa-video-camera" aria-hidden="true"></i>
            观看视频</button>
            <span>您可以通过观看视频快速了解比赛。</span>
            <p-dialog [(visible)]="display1" modal="true" dismissableMask="true" 
                    closable="false">
                <video controls [src]="game2019_video_url"></video> 
            </p-dialog> 
        </div>
  
        <div class="text">
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                第十八届全国大学生机器人大赛 ROBOCON 以“快马加鞭”为主题，
                灵感来自古代传递信息的驿传制度。机器人传递信息究竟如何？让我们试试看！
                比赛中，独特、展现新颖技能通常比输赢更重要，因为每个人（朋友和对手）
                都会赞许和欣赏。本届 ROBOCON 的主题鼓励独特、新颖的机器人设计与策略！
            </p>
            
            <h1>规则概要</h1>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                第十八届全国大学生机器人大赛 ROBOCON 以“快马加鞭”为主题，
                灵感来自古代传递信息的驿传制度。比赛在下图所示的场地上进行，红、蓝两队各占一半。
                比赛最多持续3分钟。每支参赛队有一个名为“机器信使1”的手动机器人和一个名为
                “机器信使 2”的自动机器人。手动机器人携带作为信物的令牌从“龙门驿”
                （手动机器人的启动区）出发。它沿森林、桥梁行进，跨过界线1，到达“大漠驿”
                （自动机器人的启动区）。这时，机器信使1将令牌交给在大漠驿的机器信使2。
                一旦机器信使 2 成功地接收到令牌，它就可以沿着大漠区行进。
                机器信使2必须像马一样有四条腿，不能用轮子移动。机器信使2通过沙丘和草地，
                向“高山驿”进发。机器信使2到达高山驿后，机器信使1可以进入投掷区投掷兽骨得分。
                如果机器信使1获得50或更多得分，机器信使2就可以登山。此后，如果它到达山顶区，
                举起令牌，该队获胜，这就是所谓的“登顶”。
            </p>
            <h1>场地俯视图</h1>
            <img src="../../../assets/game2019_map.png" alt="2019map" width="100%">
            <h1>比赛过程及比赛任务</h1>
            <p>每支参赛队必须按以下顺序完成任务：</p>
            <p>1.1 设置机器人</p>
            <p>1.1.1 每场比赛开始前，参赛队可在一分钟的设置时间内设置其机器人并安排兽骨。 </p>
            <p>1.1.2 三名队员和最多三名协助队员可以参与设置过程。</p>
            <p>1.1.3 如果参赛队在一分钟内没有完成设置，比赛开始后，可以继续进行设置。一旦设置结束，在 
                裁判的允许下参赛队可以启动其机器人。</p>
            <p>1.2 比赛开始时部署机器人和比赛期间的参赛队员</p>
            <p>1.2.1 MR1 必须从龙门驿启动。机器人必须纳入龙门驿（含其上方）。 </p>
            <p>1.2.2 MR2 必须从大漠驿启动。机器人必须纳入大漠驿（含其上方）。</p>
            <p>1.2.3 所有队员必须站在场外。只有 MR1 的操作手可以进入本队的龙门区和/或投掷区，但应注意 
                安全。 </p>
            <p>1.2.4 如果某操作手需要在场内，他只能在龙门区和投掷区内。</p>
            <p>1.2.5 如果 MR1 设计成全自动的机器人，所有队员必须在场外，启动操作和重试时除外。 </p>
            <p>1.2.6 比赛中，MR1 可以伸入龙门区和投掷区外上方空间。MR2 可以伸入大漠区和山顶区外上方 
                空间。但是，两台机器人不得进入对方场地上方空间。 </p>
            <p>1.3 令牌和兽骨 </p>
            <p>1.3.1 每支参赛队使用由组委会准备的一张令牌和三块兽骨。</p>
            <p>1.3.2 比赛开始时，MR1 必须持有令牌。 </p>
            <p>1.3.3 每支参赛队使用三块兽骨，比赛开始时，它们必须完全在龙门区内。参赛队自行确定摆放兽 
                骨的形式和地方。 </p>
            <p>1.3.4 参赛队员不得接触令牌和兽骨，设置时间或重试除外。</p>
            <p>1.3.5 携带令牌 </p>
            <p>1.3.5.1 MR1 必须垂直携带令牌（有孔的一侧为上侧）。</p>
            <p>1.3.5.2 MR1 最多可以将令牌倾斜到 45°。 </p>
            <p>1.3.5.3 MR1 抓持令牌时，令牌的文字面至少有 70%暴露在外且朝向行进方向。使用全向轮或麦克 
                纳姆轮的 MR1 在穿过树林时令牌可以朝向桥梁方向。 </p>
            <p>1.3.5.4 MR1 携带令牌必须使它的上沿高于自己的最高点，而 MR2 携带令牌必须使它的全部低于 
                    自己的最高点。 </p>
            <p>1.4龙门区内的任务</p>
            <p>1.4.1 比赛开始哨音吹响时，MR1 从龙门驿启动。它沿树林、河流行进，跨过界线 1。机器人与场 
                地的所有接触面在界线的前方，就是成功“跨线”。 </p>
            <p>1.4.2 穿过树林时，MR1 必须按照白色引导线标明的路径运动，但不必压线。 </p>
            <p>1.4.3 穿过树林时，MR1 可与树/木接触，但不得损坏树木。</p>
            <p>1.4.4 过河时，MR1 必须在桥上运动。 </p>
            <p>1.5 传递令牌 </p>
            <p>1.5.1 跨过界线 1 后，MR1 把令牌传递给 MR2。 </p>
            <p>1.5.2 传递令牌时，MR1 与 MR2 不得有物理接触。但是，MR1 可以用给个符号（或手势）或通 
                过令牌按动 MR2 的启动按钮的办法来启动 MR2。</p>
            <p>1.5.3 禁止抛掷令牌，机器人只能交接令牌。传递令牌时，必须有两台同时与令牌接触的瞬间。 </p>
            <p>1.5.4 只有在 MR1 与令牌分开且 MR2 持有令牌时才算“传递成功”。 </p>
            <p>1.5.5 携带令牌时，MR2 不必垂直抓持它，令牌也不必可见。 </p>
            <p>1.6 大漠区内的任务 </p>
            <p>1.6.1 当 MR2 收到令牌并继续跨越界线 2 时，参赛队得分。“跨线”的意思是 MR2 的四条腿均需 
                与地面接触且所有接触面在界线的另一边。四条腿与地面接触并不需要同时。 </p>
            <p>1.6.2 通过沙丘时，MR2 的腿可与沙丘接触，跨过界线 3 后，参赛队得分。 
                1.6.3 此后，MR2 到达高山驿时，参赛队得分。“到达”的意思是 MR2 的四条腿均与高山驿接触。 
                四条腿与高山驿接触并不需要同时。</p>
            <p>1.6.4 到达高山驿的 MR2 必须在那里等待。</p>
            <p>1.7 投掷兽骨 </p>
            <p>1.7.1 一旦 MR1 将令牌成功传递给 MR2，MR1 就可以拿起兽骨。</p>
            <p>1.7.2 一旦 MR2 成功到达高山驿，MR1 就可以进入投掷区投掷兽骨。投掷兽骨时，MR1 与地面 
                6的所有接触面必须都在 TZ 中。投出的兽骨直接落在着陆区或经围栏、斜坡的侧面反弹后落在着 
                陆区才能得分。</p>
            <p>1.7.3 MR1 每次只能抓持和投掷一个兽骨。MR1 可以投掷三个兽骨，直至参赛队投掷兽骨的得分 
                在 50 以上。某块兽骨的得分被裁判认可后，其姿态的后续变化不影响已有的得分。 </p>
            <p>1.7.4 MR1 不得用粘、刺或紧抓等动作来损坏兽骨。 </p>
            <p>1.7.5 MR1 投掷兽骨得分 50 或以上时，裁判举旗确认。只要高山驿中的 MR2 不离开，MR1 可以 
                继续投掷兽骨得分。 </p>
            <p>1.7.6 如果兽骨落在参赛队自己的场地上或落在场外，参赛队可以申请“兽骨重试”。裁判允许后， 
                参赛队员可以拾起投掷的兽骨（已在着陆区中的兽骨除外）并将它返回龙门区的任何地方。在此 
                期间，参赛队员必须停下 MR1。一旦安排好兽骨，参赛队员在裁判允许下可激活 MR1。然后， 
                MR1 就可以重新投掷兽</p>    
        </div>
    </div>
    <div *ngIf="activeTag=='preparation'" class="preparation">
        <div class="game2020-picture">
            <div class="title">图集</div>
            <div class="board clearf">
                <div class="game2020-picbox w35">
                    <img src="../../../assets/duiyuan2.jpg" alt="队员" width="100%">
                </div>
                <div class="game2020-picbox w40">
                    <img src="../../../assets/MR1.jpg" alt="MR1" width="100%">
                </div>
                <div class="game2020-picbox w35">
                    <img src="../../../assets/beiligongren.jpg" alt="beiligong" width="100%">
                </div>
                <div class="game2020-picbox w35">
                    <img src="../../../assets/kaihui.jpg" alt="kaihui" width="100%">
                </div>
            </div>
        </div>
        <div class="video">
            <div class="title">视频</div>
            <div class="board clearf">
             <div class="game2020-picbox w35">
                <img (click)="showVideo('rope')" src="../../../assets/game2019_rope_cover.png" alt="rope" width="100%">
             </div>
            <p-dialog [(visible)]="display2" modal="true" dismissableMask="true" 
            closable="false">
                <video controls [src]="game2019_rope_url"></video>  
            </p-dialog>
            </div>
        </div>
    </div>
    <div *ngIf="activeTag=='climax'" class="climax">
        <div class="game2020-picture">
            <div class="title">图集</div>
            <div class="board clearf">
                <div class="game2020-picbox w35">
                    <img src="../../../assets/hezhao1.jpg" alt="队员合照" width="100%">
                </div>
                <div class="game2020-picbox w40">
                    <img src="../../../assets/hezhao2.jpg" alt="队员合照" width="100%">
                </div>
                <div class="game2020-picbox w35">
                    <img src="../../../assets/MR2_1.jpg" alt="MR2" width="100%">
                </div>
                <div class="game2020-picbox w35">
                    <img src="../../../assets/MR2_2.jpg" alt="MR2" width="100%">
                </div>
                <div class="game2020-picbox w40">
                    <img src="../../../assets/MR2_3.jpg" alt="MR2" width="100%">
                </div>
            </div>
        </div>
        <div class="video">
            <div class="title">视频</div>
            <div class="board clearf">
             <div class="game2020-picbox w35">
                <img (click)="showVideo('jump')" src="../../../assets/game2019_jump_cover.png" alt="jump" width="100%">
             </div>
            <p-dialog [(visible)]="display3" modal="true" dismissableMask="true" 
            closable="false">
                <video controls [src]="game2019_jump_url"></video>  
            </p-dialog>
            </div>
        </div>
    </div>
</div>
<app-footer></app-footer>

